#mapDiv div.title{
	height: 30px;
    line-height: 30px;
    font-size: 20px;
    margin: 0px 0px 2px 0px;
    background-color: #4a66a5;
    color: #fff;
    display:none;
}
#mapDiv div.title>span.province{
    font-size: 20px;
    color: #fff;
}
#mapDiv span.export{
	float: right;
    position: relative;
    right: 10px;
    font-size: 18px;
    color: #fff;
    cursor:pointer;
    padding: 0 6px;
}
#mapDiv span.export>i{
	position: relative;
    top: -1px;
    font-size: 16px;
}
div#noAddr {
	position: absolute;
	top: 300px;
	left: 35px;
	z-index: 10;
}

div#noAddr>p>label {
	font-weight: bold;
}

div#noAddr>p>span {
	color: red;
	font-weight: bold;
}

#firsttop {
	height: 250px;
	padding: 10px;
}

#firsttop>div#msgs {
	position: relative;
	left: 0px;
	top: -79px;
}

#firsttop>div>.section {
	margin: 10px;
	width: 30%;
	height: 200px;
	display: inline-block;
	line-height: 200px;
	text-align: center;
	border-radius: 4px;
}

#firsttop>div>.section>span {
	display: block;
	text-align: center;
}

#firsttop>div>.section>span.info {
	height: 80px;
	line-height: 190px;
	font-size: 35px;
	color: rgb(238, 254, 254);
}

#firsttop>div>.section>span.msg {
	height: 40px;
	line-height: 90px;
	font-size: 15px;
	color: rgb(113, 96, 73);
}

#firsttop div {
	display: inline-block;
	width: 49%;
}

#msgs {
	background-color: rgb(246, 246, 246);
}
#mainMembertop {
	height: 220px;
	background-color: rgb(246, 246, 246);
	position: relative;
	right: -15px;
}
#mainMembertop>#mainMember {
	display: block;
	height: 220px;
	width: 100%;
}

#secondcenter {
	height: 630px;
	padding-left:10px;
	margin-top: -30px;
}
#mainMaptop{
	background-color: rgb(246, 246, 246);
	position: relative;
	display:inline-block;
	width:100%;
	height:600px;
	left: 0px;
	top: 0px;
}
#mainMap {
	height: 340px;
	margin-left: 50px;
}
/* 
#secondnext {
	width: 20%;
	height: 600px;
	display:inline-block;
	background-color: rgb(246, 246, 246);
	position: relative;
	right: -22px;
} */
/* 
#secondnext>div {
	height: 300px;
} */

#lastbottom {
	height: 300px;
	margin-left:10px;
	margin-top: -19px;
	width: 98%;
	background-color: rgb(246, 246, 246);
}

#lastbottom>div{
	display:inline-block;
	width:30%;
	height:300px;
	margin: 10px 17px;
}




@media only screen and (max-width: 1500px) { /* .section {
		width: 150px;
		height: 150px;
		line-height: 150px;
		text-align: center;
		border-radius: 4px;
	}
	
	#mainMembertop,#mainMembertop>#mainMember {
		height: 150px;
	}
	
	.section>span.info {
		height: 80px;
		line-height: 140px;
		font-size: 25px;
		color: rgb(238, 254, 254);
	}
	.section>span.msg {
		height: 40px;
		line-height: 40px;
		font-size: 13px;
		color: rgb(113, 96, 73);
	} */
}

@media only screen and (max-width: 1450px) {
	#firsttop>div>.section {
		width:29%;
	}
	/* #secondnext{
	    right:-17px;;
	} */
}
@media only screen and (max-width: 1200px) {
	#firsttop>div>.section {
		width:28.5%;
	}
	div#noAddr{
	    top: 278px;
	    left:30px;
	}
	#lastbottom>div{
	    margin:10px 12px;
	}
	    
}
@media only screen and (max-width: 1100px) {
	#firsttop>div>.section {
		width:28%;
	}
}
@media only screen and (max-width: 980px) {
	#firsttop>div>.section {
		width:27.5%;
	}
}
@media only screen and (max-width: 850px) {
	#firsttop div {
		display: block;
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}
	#firsttop>div#msgs {
		position: relative;
		left: 0px;
		top:0px;
	}
	#firsttop>div#mainMembertop {
		margin-top: 10px;
		right: 0px;
	}
	#mainMaptop{
	    width:100%;
	    top: 230px;
	}
	div#noAddr{
	    top: 500px;
	}
	    
   /*  #secondnext{
	    width: 100%;
	    top: 236px;
	    left: 0px;
    } */
    #lastbottom{
        margin-top: 820px;
    }
    #lastbottom>div{
	    margin:10px 10px;
	}
        
}